<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>1_类的基本知识</title>
</head>
<body>
	<!-- 准备好一个“容器” -->
	<div id="test"></div>
	
	<!-- 引入react核心库 -->
	<script type="text/javascript" src="../js/react.development.js"></script>
	<!-- 引入react-dom，用于支持react操作DOM -->
	<script type="text/javascript" src="../js/react-dom.development.js"></script>
	<!-- 引入babel，用于将jsx转为js -->
	<script type="text/javascript" src="../js/babel.min.js"></script>
	<script type="text/babel" >
    class Person {
        // 构造器方法
        constructor(name, age){
            // 构造器中的 this 是谁？ —— 类的实例对象
            this.name = name;
            this.age = age;
        }
        // 一般方法
        speak() {
            // speak 方法放在了哪里？ ——类的实例对象上，供实例使用
            // 通过 Person 实例调用 speak 时， speak中的 this 就是 Person 实例
            console.log(`我叫${this.name},我的年纪是${this.age}`);
        }
    }
    class Student extends Person{
        constructor(name, age, grade){
            super(name, age)
            this.grade = grade
            this.school = '谢六小'
        }
        // 重写从父类继承过来的方法
        speak() {
            console.log(`我叫${this.name}，我年龄是${this.age},我读的是${this.grade}年级`);
            this.study;
        }
        study(){
            // study方法放在了哪里？—— 类的原型对象上，供实例使用
            // 通过 Student 实例调用 study 时，study 中的 this 就是 Student 实例
            console.log('I am study');
        }
    }
    
    p1.speak()
    console.log(p1);
	</script>
</body>
</html>